// // import logo from './logo.svg';
// import './App.css';
// import './components/toDoList/Header/index.css';
// import './components/toDoList/Footer/index.css';
// import './components/toDoList/List/index.css';
// import React,{Component} from 'react';
// // import PropTypes from 'prop-types';

// import { NavLink, Route, Switch, Redirect} from "react-router-dom";
// import { About } from "./components/routerStudy/About";
// import { Home } from "./components/routerStudy/Home";
// import { MyNavLink} from "./components/routerStudy/MyNavLink"
// // import { Hello } from "./components/componentText/Hello/Hello";
// // import { WelCome } from "./components/componentText/welCome/WelCome";
// // import { Third } from "./components/componentText/Third";
// // import { Forth } from "./components/componentText/Forth/Forth";
// // import { Header } from './components/toDoList/Header';
// // import { Footer } from './components/toDoList/Footer';
// // import { List } from './components/toDoList/List';

// // function App() {
// //   return (
// //     <div className="App">
// //       <header className="App-header">
// //         <img src={logo} className="App-logo" alt="logo" />
// //         <p>
// //           Edit <code>src/App.js</code> and save to reload.
// //         </p>
// //         <a
// //           className="App-link"
// //           href="https://reactjs.org"
// //           target="_blank"
// //           rel="noopener noreferrer"
// //         >
// //           Learn React
// //         </a>
// //       </header>
// //     </div>
// //   );
// // }

// export default class App extends Component {


// 	// 通常状态和操作状态的方法是存在一个类中

// 	// state = {
// 	// 	todos:[
// 	// 		{ id: 1, name: '吃饭', done: true },
// 	// 		{ id: 2, name: '睡觉', done: true },
// 	// 		{ id: 3, name: '打豆豆', done: false },
// 	// 	]
// 	// }

// 	// //addTodo用于添加一个todo，接收的参数是todo对象
// 	// addTodo = (todoObj)=>{
// 	// 	// 获取原todos
// 	// 	const {todos} = this.state;
// 	// 	// 追加一个新的todos
// 	// 	const newTodos = [todoObj,...todos]

// 	// 	//更新状态
// 	// 	this.setState({todos: newTodos})

// 	// 	console.log('app : ' + todoObj)
// 	// }

// 	// upDateTodo = (id,done) =>{
// 	// 	const {todos} = this.state;
// 	// 	const newTodos = todos.map((todoObj)=>{
// 	// 		if(id == todoObj.id){
// 	// 			return {...todoObj,done}
// 	// 		}else{
// 	// 			return todoObj;
// 	// 		}
// 	// 	})
// 	// 	this.setState({todos: newTodos})
// 	// }

// 	// deleteTodo = (id) => {
// 	// 	const {todos} = this.state;
// 	// 	const newTodos = todos.filter((todoObj)=>{
// 	// 		return todoObj.id != id
// 	// 	})

// 	// 	this.setState({todos: newTodos})
// 	// }

// 	// handleCheckAll = (doneFlag) =>{
// 	// 	const {todos} = this.state;
// 	// 	let newTodos  = todos.map((obj)=>{
// 	// 			return {...obj,done: doneFlag};
// 	// 		})
// 	// 	this.setState({todos: newTodos})
// 	// }

// 	// hanldClearAllDone = () => {
// 	// 	const {todos} = this.state;
// 	// 	let newTodos  = todos.filter((obj)=>{
// 	// 			return obj.done === false;
// 	// 		})
// 	// 	this.setState({todos: newTodos})
// 	// }
// 	render(){
// 		// const {todos} = this.state;
// 		return(
// 			// <div>
// 			// 	<Hello/>
// 			// 	<WelCome/>
// 			// 	<Third/>
// 			// 	<Forth/>
// 			// </div>

// 			// 父 --> 子 一个函数，子给父传递时，调用props的方法

// 			// <div className="todo-container">
// 			// 	<div className="todo-wrap">
// 			// 	<Header addTodo={this.addTodo}/>
// 			// 	<List todos={todos} upDateTodo={this.upDateTodo} deleteTodo={this.deleteTodo} />
// 			// 	<Footer todos={todos} handleCheckAll={this.handleCheckAll} hanldClearAllDone={this.hanldClearAllDone}/>
// 			// 	</div>
// 			// </div>
// 			<div>
// 				<div className="row">
// 					<div className="col-xs-offset-2 col-xs-8">
// 						<div className="page-header"><h2>React Router Demo</h2></div>
// 					</div>
// 					</div>
// 					<div className="row">
// 					<div className="col-xs-2 col-xs-offset-2">
// 						<div className="list-group">
// 						{/* <a className="list-group-item active" href="./about.html">About</a>
// 						<a className="list-group-item" href="./home.html">Home</a> */}
// 							{/* <NavLink activeClassName="text_active" className="list-group-item" to="/about" >About</NavLink>
// 							<NavLink activeClassName="text_active" className="list-group-item" to="/home" >Home</NavLink> */}
// 							<MyNavLink to="/About">about</MyNavLink>
// 							<MyNavLink to="/home">Home</MyNavLink>
// 						</div>
// 					</div>
// 					<div className="col-xs-6">
// 						<div className="panel">
// 						<div className="panel-body">
// 						<Switch>	
// 							{/* exact 严格匹配 */}
// 							<Route exact path="/about" component={About}></Route>
// 							<Route path="/home" component={Home}></Route>
// 							<Redirect to="/about" component={Home}></Redirect>
// 						</Switch>
// 						</div>
// 						</div>
// 					</div>
// 				</div>
// 			</div>
// 		)
// 	}
// }

// redux 测试
import React,{Component} from 'react'
// import Count from "./components/Count";
import  CountContainer  from "./containers/Count";
import Person from './containers/Person';
import CountSet from './components/functionHooks/index'

export default class App extends Component {
	render() {
		return (
			<div>
				{/* <CountContainer></CountContainer> */}
				<hr></hr>
				<CountSet></CountSet>
				{/* <Person></Person> */}
			</div>
		)
	}
}

